import React, { Component } from 'react'

export default class Count extends Component {
  constructor(props) {
    super(props)
    // 默认情况下,构造器中this.props拿不到数据,必须在构造器上接收props,并传入super才能获取到
    console.log(this.props)
  }

  handle = () => {
    // this.props.bbb = 78979789
    // this.props.zzz.name = 'ls'
    // this.props.zzz = 123
  }
  render() {
    // 类组件通过this.props接收父组件传递过来的数据
    console.log(this.props)
    return (
      <div>
        {/* 如果利用props传过来一个jsx标签,则可以直接渲染 */}
        {this.props.ele}

        {/* 要渲染通过props传递过来的组件 */}
        <this.props.eleType></this.props.eleType>

        {/* 要渲染通过props传递过来的组件实例 */}
        {this.props.com}
        <button onClick={this.handle}>按钮</button>
      </div>
    )
  }
}

// import React from 'react'

// export default function Count(props) {
//   console.log(props)
//   return <div>Count</div>
// }
